<template>
    <div class="pad-container">
		<WallPaper />
        <PadDesktop v-show="data.show" />
		<ApplicationsContaniner />
    </div>
</template>
<script setup>
import PadDesktop from '../views/PadDesktop.vue';
import WallPaper from '../views/WallPaper.vue';
import ApplicationsContaniner from '../views/ApplicationsContaniner.vue'

import { reactive, onMounted } from 'vue';

const data = reactive({ show:true });
onMounted(() => {
	console.log("onMounted ============>");
});
</script>
<style scoped>
.pad-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	width: 100%;
}
</style>
